<template>
  <div class="nav">    
    <div class="box">
        <span class="gwc">购物车</span>    
    </div>
    <van-notice-bar color="#000" background="#ffe37e" class="navbar">
      登录后同步电脑与手机购物车的商品
    </van-notice-bar>
    <img src="https://oss.suning.com/vss/activity/wximg/cart/sn-cart-empty.png" alt="" class="img">
    <p>购物车还是空的，快来挑选好货吧！</p>
    <button>去逛逛</button>
  </div>
</template>

<script>
export default {
};
</script>

<style scoped>
*{margin:0;padding:0;}
.nav{
  width:100%;
  height:100%;
}
.nav .gwc{
  width:100%;
  height:1rem;
  background: #fff;
  text-align: center;
  display: block;
  line-height:1rem;
}
.navbar{
  border-radius:5px;
  margin-top:0.6rem;
}
.nav .img {
  width: 2.4rem;
  height:2.4rem;
  margin: 2rem auto;
  display: block;
}
.nav p {
  display: block;
  text-align: center;
  font-size:0.3rem;
  margin-top:-1.5rem;
}
.nav button{
  width: 1.16rem;
  height: 0.48rem;
  background: #fff;
  border:1px solid #000;
  display: block;
  margin-left:3.2rem;
  margin-top:0.5rem;
  border-radius:5px;
}
</style>